<#include "/common/head.ftl">

<@showTitle title="${i18n.getMessage('offeringReceipt')} > ${i18n.getMessage('search')}">
</@showTitle>

<form action="receipt/searchOfferingReceipt.sgt" onsubmit="submitForm(this); return false">
	<table id="dataTable" cellspacing="5" cellpadding="0" align="center">
		<tr>
			<td colspan="2" class="cate"><h1>${i18n.getMessage('studentInfo')}</h1></td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('firstName')}:</td>
			<td><input name="studentFirstName" style="width:200px"/></td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('lastName')}:</td>
			<td><input name="studentLastName" style="width:200px"/></td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('dateOfBirth')}:</td>
			<td><input type="text" name="studentDateOfBirth" style="width:200px"/><img class="calendarImg" src="images/calendar/calendar.gif" onclick="displayCalendar(document.forms[0].studentDateOfBirth, '${i18n.getMessage('format.date')}', this)"/></td>
		</tr>
		<tr>
			<td colspan="2" class="cate"><h1>${i18n.getMessage('offeringReceiptInfo')}</h1></td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('number')}:</td>
			<td><input type="text" name="number" style="width:200px"/></td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('date')}:</td>
			<td><input type="text" name="date" style="width:200px"/><img class="calendarImg" src="images/calendar/calendar.gif" onclick="displayCalendar(document.forms[0].date, '${i18n.getMessage('format.date')}', this)"/></td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('fromDate')}:</td>
			<td><input type="text" name="fromDate" style="width:200px"/><img class="calendarImg" src="images/calendar/calendar.gif" onclick="displayCalendar(document.forms[0].fromDate, '${i18n.getMessage('format.date')}', this)"/></td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('toDate')}:</td>
			<td><input type="text" name="toDate" style="width:200px"/><img class="calendarImg" src="images/calendar/calendar.gif" onclick="displayCalendar(document.forms[0].toDate, '${i18n.getMessage('format.date')}', this)"/></td>
		</tr>
		<tr>
			<td class="name">New Student:</td>
			<td>
				<input type="radio" name="newStudentOnly" value="true"/> ${i18n.getMessage('yes')}
				<input type="radio" name="newStudentOnly" value="false"/> ${i18n.getMessage('no')}
			</td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('offering')}:</td>
			<td><input id="name" name="offeringName" style="width:200px"/></td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('fee')}:</td>
			<td><input type="text" name="fee" style="width:170px"/> ${i18n.getMessage('currency.vnd')}</td>
		</tr>
		<tr>
			<td class="name">${i18n.getMessage('cashier')}:</td>
			<td>
				<select name="cashierId" style="width:204px">
					<option></option>
					<optgroup label="Active">
						<#list cashiers as cashier>
							<#if cashier.active>
								<option value="${(cashier.id)!}" style="<@formatOnConsultant cashier/>">${(cashier.lastName)!} ${(cashier.firstName)!}</option>								
							</#if>
						</#list>					
					</optgroup>
					<optgroup label="Inactive">
						<#list cashiers as cashier>
							<#if !cashier.active>
								<option value="${(cashier.id)!}" style="<@formatOnConsultant cashier/>">${(cashier.lastName)!} ${(cashier.firstName)!}</option>								
							</#if>
						</#list>					
					</optgroup>
				</select>
			</td>
		</tr>
		<tr>
			<td class="name" style="vertical-align:top">${i18n.getMessage('comment')}:</td>
			<td><textarea name="comment" style="width:350px;height:80px"></textarea></td>
		</tr>
		<tr>
			<td class="name"></td>
			<td>
				<input type="submit" value="${i18n.getMessage('search')}" class="button_style"/> 
				<input type="reset" value="${i18n.getMessage('reset')}" class="button_style"/>
			</td>
		</tr>
	</table>		
</form>